<template>
    <el-container style="height: 100%">
        <el-aside width="auto"><common-aside></common-aside></el-aside>
        <el-container>
            <el-header id="el-header" :user=this.id><common-header></common-header></el-header>
            <common-tab></common-tab>
            <el-main class="el-main">
                <router-view/>
            </el-main>
        </el-container>
    </el-container>

</template>

<script>
    import  CommonHeader from "../components/CommonHeader"
    import  CommonAside from "../components/CommonAside"
    import  CommonTab from "../components/CommonTab"
    export default {
        name: "Main",
        components:{
            CommonHeader,
            CommonAside,
            CommonTab
        },
        data(){
            return{
                id:this.$route.params.user
            }
        },

    }
</script>

<style scoped>
    #el-header{
        background: #333;
    }
    .el-main{
        padding-top: 0;
    }
</style>